<!--入库订单-->
<template>
    <div class="">
        <el-form label-width="100px" :inline="true" class="formsdre jichu">
            <el-form-item label="入库订单号：">
                <el-input></el-input>
            </el-form-item>
            <el-form-item label="发货单号：">
                <el-input></el-input>
            </el-form-item>
            <el-form-item label="客户订单号：">
                <el-input></el-input>
            </el-form-item>
            <el-form-item label="状态：">
                <el-select>
                    <el-option label="label" value="1"></el-option>
                    <el-option label="label1" value="2"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="货主：">
                <el-select>
                    <el-option label="label" value="1"></el-option>
                    <el-option label="label1" value="2"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="仓库：">
                <el-select>
                    <el-option label="label" value="1"></el-option>
                    <el-option label="label1" value="2"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="下单时间：" class="timewer">
                <el-date-picker type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
                </el-date-picker>
            </el-form-item>
            <el-form-item>
                <div class="jjnnjxet">
                    <el-button type="primary" class="ml10" icon="el-icon-search">查询</el-button>
                    <el-button type="warning" class="ml10" icon="el-icon-refresh-right">重置</el-button>
                </div>
            </el-form-item>
        </el-form>
        <div class="mt10 row">

            <div class="col tr">
                <el-button-group>
                    <el-button icon="dx icon-daoru mr10 fz16" @click="isshow">导入</el-button>
                    <el-button icon="dx icon-daochu mr10 fz16" :disabled="iszj">导出</el-button>
                    <el-button icon="el-icon-download fz16">下载导入模板</el-button>
                </el-button-group>
            </div>
        </div>
        <el-table :data="tableData" class="mt20 fz12 fdgdyuyeer" border @selection-change="handleSelectionChange" style="width: 100%" :height="clientHeight-340" v-loading="loading"   element-loading-text="拼命加载中...">
            <el-table-column type="selection" width="55" align="center"></el-table-column>
            <el-table-column type="index" width="50" label="序号" align="center"></el-table-column>
            <el-table-column prop="" label="入库订单号" align="center"></el-table-column>
            <el-table-column prop="" label="发货单号" align="center"></el-table-column>
            <el-table-column prop="" label="客户订单号" align="center"></el-table-column>
            <el-table-column prop="" label="状态" align="center"></el-table-column>
            <el-table-column prop="" label="货主" align="center"></el-table-column>
            <el-table-column prop="" label="下单时间" align="center"></el-table-column>
            <el-table-column prop="" label="仓库" align="center"></el-table-column>
            <el-table-column prop="" label="推送失败原因" align="center"></el-table-column>
            <el-table-column prop="" label="取消类型" align="center"></el-table-column>
            <el-table-column prop="" label="取消原因" align="center"></el-table-column>
            <el-table-column prop="" label="操作" align="center" width="180" fixed="right">
                <template slot-scope="scope">
                    <div class="kkmmxdert">
                        <el-button type="success" >推送</el-button>
                        <el-button type="danger">取消</el-button>
                    </div>
                </template>
            </el-table-column>
        </el-table>
        <div class="pt10 pm10 btm cen fdrtrter row listpage">
            <div>
                <el-button-group>
                    <el-button icon="el-icon-edit-outline" :disabled="iszj">批量执行</el-button>
                    <el-button icon="el-icon-refresh" :disabled="iszj">批量取消</el-button>
                </el-button-group>
            </div>
            <div class="col tr">
                <el-pagination background :page-sizes="[100, 200, 300, 400]" :page-size="100" layout="total, sizes, prev, pager, next, jumper" :total="400">
                </el-pagination>
            </div>
        </div>

        <ImportXhl ref="daoru"></ImportXhl>
    </div>
</template>
<script>
    import ImportXhl from '@/components/util/ImportXhl'
    export default {
        data() {
            return {
                tableData: [1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 1],
                iszj: true
            }
        },
        components: {
            ImportXhl
        },
         computed: {
            clientHeight() {
                return this.$store.state.clientHeight;
            }
        },
        methods: {
             handleSelectionChange(e) {
                if (e.length > 0) {
                    this.iszj = false
                } else {
                    this.iszj = true
                }
            },
            isshow() {
                this.$refs.daoru.isjd()
            }
        },
        mounted() {

        }
    }

</script>
<style scoped>

</style>
